<template>
  <mt-header class="mytitle" :title="mytitle">
    <mt-button icon="search" slot="right" @click="jumpTo('search')"></mt-button>
  </mt-header>
</template>
<script>
import { Header } from 'mint-ui'

export default {
  components: {
    Header
  },
  methods: {
    jumpTo (name) {
      this.$router.push({name: name})
    }
  },
  props: ['mytitle']
}
</script>
<style lang="scss" scoped>
  .mytitle{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 45px;
    background-color: #006699;
    color: #fff;
    font-size: 16px;
    ::before{
      font-weight: 600;
      font-size: 20px
    }
  }
</style>
